﻿
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>事件单</title>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
	name="viewport" />
<script src="components/requirejs/require.js"
	data-main="resources/js/incidentDetail" async="async"></script>
<link href="components/mint-ui/style.min.css" rel="stylesheet"
	async="async" />
<link href="resources/css/common.css" rel="stylesheet" />
<link href="resources/css/detail.css" rel="stylesheet" />
</head>
<body>
	<div id="view">
		<div view v-if="isloading"></div>

		<div group>
			<div group-title>
				<div center-v>
					<img src="resources/image/common/personalInfo.png" />
				</div>
				<div>个人信息</div>
				<div center>
					<div arrow-up></div>
				</div>
			</div>
			<div group-item>
				<div>姓名：</div>
				<div>{{detail.cus_user_name}}</div>
			</div>
			<div group-item>
				<div>用户类别：</div>
				<div>{{detail.cus_user_type}}</div>
			</div>
			<div group-item>
				<div>部门：</div>
				<div>{{detail.department_name}}</div>
			</div>
			<div group-item>
				<div>邮箱：</div>
				<div>{{detail.cus_email}}</div>
			</div>
			<div group-item>
				<div>手机：</div>
				<div>{{detail.mobile}}</div>
			</div>
			<div group-item>
				<div>电话：</div>
				<div>{{detail.linkman_phone}}</div>
			</div>
		</div>

		<div group>
			<div group-title>
				<div center-v>
					<img src="resources/image/common/incidentInfo.png" />
				</div>
				<div>事件信息</div>
				<div center>
					<div arrow-up></div>
				</div>
			</div>
			<div group-item>
				<div>事件编号：</div>
				<div>{{detail.code}}</div>
			</div>
			<!--  <div group-item>
                <div>关联项目：</div>
                <div>{{detail.project_name}}</div>
            </div> -->
			<div group-item>
				<div>事件标题：</div>
				<div>{{detail.title}}</div>
			</div>
			<div group-item>
				<div>事件描述：</div>
				<div>{{detail.description}}</div>
			</div>
			<!-- <div group-item>
                <div>服务目录：</div>
                <div>{{detail.icd_category_name}}</div>
            </div> -->
			<div group-item>
				<div>位置：</div>
				<div>{{detail.address}}</div>
			</div>
			<div group-item>
				<div>支持人员：</div>
				<search title="请求人" treeurl="/common/userDepartment"
					listurl="/common/user?department_path=" v-model="supporter"></search>
			</div>
		</div>

		<div group>
			<div group-title>
				<div center-v>
					<img src="resources/image/common/image.png" />
				</div>
				<div>图片上传</div>
				<div center>
					<div arrow-up></div>
				</div>
			</div>
			<div upload center-v>
				<img v-for="item in imagePaths" v-bind:src="item"
					v-on:click="showImg(item)" /> <img v-for="item in images"
					v-bind:src="item.data" />
				<div file v-if="images.length < 3">
					<input type="file" v-on:change="imgUpload($event)" />
				</div>
			</div>
		</div>

		<div group v-if="detail.status=='待处理'">

			<div group-item>
				<div>解决时间：</div>
				<datetime v-model="detail.solved_date"></datetime>
			</div>

			<!--   <div input-item textarea>
                <div>
                    <div center>
                        <img src="resources/image/backlogDetail/reasonAnalyze.png" />
                    </div>
                    <div>
                        原因分析
                    </div>
                </div>
                <div>
                    <textarea type="text" placeholder="请输入原因分析..." v-model="detail.reason_analyze"></textarea>
                </div>
            </div> -->

			<div input-item textarea>
				<div>
					<div center>
						<img src="resources/image/backlogDetail/handleProcess.png" />
					</div>
					<div>处理过程</div>
				</div>
				<div>
					<textarea type="text" placeholder="请输入处理过程..."
						v-model="detail.handle_process"></textarea>
				</div>
			</div>

			<!--             <div input-item textarea>
                <div>
                    <div center>
                        <img src="resources/image/backlogDetail/solution.png" />
                    </div>
                    <div>
                        解决方案
                    </div>
                    <div>
                        <select v-model="detail.solution_way">
                            <option v-for="item in incident_solutionway" v-bind:value="item.code">{{item.name}}</option>
                        </select>
                    </div>
                </div>
                <div>
                    <textarea type="text" placeholder="请输入解决方案..." v-model="detail.solution"></textarea>
                </div>
            </div> -->
		</div>

		<div placeholder-bottombar v-if="!readonly"></div>
		<div bottombar v-if="!readonly">
			<input type="button" blue v-for="item in detail.lines"
				v-bind:value="item.name" v-on:click="submit(item)" />
		</div>

		<img menu v-bind:src="menuImage" v-on:click="menuClick" />

		<mt-popup menu-popup v-model="menuVisible" pop-transition="popup-fade">
		<div v-on:click="gotoHandleProcess">历史处理过程</div>
		<div v-on:click="gotoHitory">用户历史事件</div>
		</mt-popup>

		<mt-popup submit-popup v-model="submitVisible"
			pop-transition="popup-fade">
		<div input-item v-if="users.length > 0">
			<div>下一步处理人：</div>
			<div>
				<select v-model="nextAssigner">
					<option v-for="item in users" v-bind:value="item.name">{{item.fullname}}</option>
				</select>
			</div>
		</div>
		<div textarea-item>
			<div>处理意见：</div>
			<div>
				<textarea type="text" placeholder="请输入处理意见..." v-model="suggestion"></textarea>
			</div>
		</div>
		<div input-item>
			<div>常用意见：</div>
			<div>
				<select v-model="commons" v-on:change="commonsChange($event)">
					<option v-for="item in bpm_commons">{{item.name}}</option>
				</select>
			</div>
		</div>
		<div submitBar center>
			<input blue type="button" value="确定" v-on:click="popupSubmit" /> <input
				grey type="button" value="关闭" v-on:click="cancelSubmit" />
		</div>
		</mt-popup>
		

	</div>
</body>
</html>